@function rrem ($args){
  @return ($args/200)+rem
};
html,body{
  padding:0;
  margin:0;
  height:100%;
  width:100%;
  font-size: 10px;
  position: relative;
}
p{
  padding:0;margin:0;
}
body{
  font-size: rrem(28);
}
input{outline:none;border:none;background:none;}
button{
  outline: none;
  border-style: none;
  background: none;
}
.relative{
  position: relative;
}
.flex1{
  flex:1
}
.flex{
  display: flex;
}
.color-333{
  color:#333;
}
.font-12{
  font-size: rrem(22);
}
.course-site{
  width: 100%;
  height:100%;
  z-index: 999;
}
.show_msg {
  width: 100%;
  height: 35px;
  text-align: center;
  position: fixed;
  left: 0;
  z-index: 999999;
}
.show_span {
  display: inline-block;
  //height: 35px;
  padding: 15px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  color: #fff;
  font-size: rrem(28);
}
.font-10{
  font-size:rrem(20)
}
.color-fff{
  color:#fff;
}